<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>大厂机密！30 个提升团队研发效能的锦囊 | 鱼皮的编程宝典</title>
    <meta name="generator" content="VuePress 1.9.10">
    <link rel="icon" href="/favicon.ico">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?2675818a983a3131404cee835018f016";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
      </script>
    <meta name="description" content="贴心的编程学习路线，全面的编程知识百科">
    <meta property="article:modified_time" content="2023-11-11T12:17:47.000Z">
    <meta property="og:site_name" content="鱼皮的编程宝典">
    <meta property="og:title" content="大厂机密！30 个提升团队研发效能的锦囊">
    <meta property="og:type" content="article">
    <meta property="og:url" content="https://codefather.cn/%E5%A4%A7%E5%8E%82%E6%9C%BA%E5%AF%86-30-%E4%B8%AA%E6%8F%90%E5%8D%87%E5%9B%A2%E9%98%9F%E7%A0%94%E5%8F%91%E6%95%88%E8%83%BD%E7%9A%84%E9%94%A6%E5%9B%8A/">
    <meta name="twitter:title" content="大厂机密！30 个提升团队研发效能的锦囊">
    <meta name="twitter:url" content="https://codefather.cn/%E5%A4%A7%E5%8E%82%E6%9C%BA%E5%AF%86-30-%E4%B8%AA%E6%8F%90%E5%8D%87%E5%9B%A2%E9%98%9F%E7%A0%94%E5%8F%91%E6%95%88%E8%83%BD%E7%9A%84%E9%94%A6%E5%9B%8A/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:label1" content="Written by">
    <meta name="twitter:label2" content="Filed under">
    <meta name="twitter:data2" content="程序员, 编程, 计算机">
    <meta property="article:tag" content="程序员">
    <meta name="keywords" content="程序员鱼皮, 编程学习路线, 编程知识百科, Java, 编程导航, 前端, 开发, 编程分享, 项目, IT, 求职, 面经">
    
    <link rel="preload" href="/assets/css/0.styles.40c15e22.css" as="style"><link rel="preload" href="/assets/js/app.12ab4756.js" as="script"><link rel="preload" href="/assets/js/2.fd06b53e.js" as="script"><link rel="preload" href="/assets/js/262.d0719839.js" as="script"><link rel="prefetch" href="/assets/js/1.17ea1209.js"><link rel="prefetch" href="/assets/js/10.d9532d8f.js"><link rel="prefetch" href="/assets/js/100.064ea126.js"><link rel="prefetch" href="/assets/js/101.d64c5b33.js"><link rel="prefetch" href="/assets/js/102.5e29a62c.js"><link rel="prefetch" href="/assets/js/103.59ad6cd7.js"><link rel="prefetch" href="/assets/js/104.ae4763e8.js"><link rel="prefetch" href="/assets/js/105.2a9124be.js"><link rel="prefetch" href="/assets/js/106.529bca07.js"><link rel="prefetch" href="/assets/js/107.c8671a0d.js"><link rel="prefetch" href="/assets/js/108.55c93c64.js"><link rel="prefetch" href="/assets/js/109.7d1efa54.js"><link rel="prefetch" href="/assets/js/11.2f89b5eb.js"><link rel="prefetch" href="/assets/js/110.0caecbf5.js"><link rel="prefetch" href="/assets/js/111.a2aeae49.js"><link rel="prefetch" href="/assets/js/112.eb7ceda5.js"><link rel="prefetch" href="/assets/js/113.f304408d.js"><link rel="prefetch" href="/assets/js/114.988c637f.js"><link rel="prefetch" href="/assets/js/115.bfdeed31.js"><link rel="prefetch" href="/assets/js/116.a47b8c53.js"><link rel="prefetch" href="/assets/js/117.2e1e8250.js"><link rel="prefetch" href="/assets/js/118.758ce408.js"><link rel="prefetch" href="/assets/js/119.73d9e688.js"><link rel="prefetch" href="/assets/js/12.53aaa509.js"><link rel="prefetch" href="/assets/js/120.202a8b2e.js"><link rel="prefetch" href="/assets/js/121.ca91d59a.js"><link rel="prefetch" href="/assets/js/122.8804c0dd.js"><link rel="prefetch" href="/assets/js/123.ceada225.js"><link rel="prefetch" href="/assets/js/124.4b2718b7.js"><link rel="prefetch" href="/assets/js/125.72134235.js"><link rel="prefetch" href="/assets/js/126.167b162c.js"><link rel="prefetch" href="/assets/js/127.f8139c17.js"><link rel="prefetch" href="/assets/js/128.da64a377.js"><link rel="prefetch" href="/assets/js/129.c07963b1.js"><link rel="prefetch" href="/assets/js/13.52940164.js"><link rel="prefetch" href="/assets/js/130.f66fc8bb.js"><link rel="prefetch" href="/assets/js/131.a913c7dd.js"><link rel="prefetch" href="/assets/js/132.ea648654.js"><link rel="prefetch" href="/assets/js/133.074ca70e.js"><link rel="prefetch" href="/assets/js/134.dc79ddd8.js"><link rel="prefetch" href="/assets/js/135.c4516208.js"><link rel="prefetch" href="/assets/js/136.2546baf7.js"><link rel="prefetch" href="/assets/js/137.56454fc6.js"><link rel="prefetch" href="/assets/js/138.bdb002bf.js"><link rel="prefetch" href="/assets/js/139.40a2f9b5.js"><link rel="prefetch" href="/assets/js/14.ade1e74d.js"><link rel="prefetch" href="/assets/js/140.06b20427.js"><link rel="prefetch" href="/assets/js/141.8dd992e3.js"><link rel="prefetch" href="/assets/js/142.d9305485.js"><link rel="prefetch" href="/assets/js/143.41bf907e.js"><link rel="prefetch" href="/assets/js/144.c138960c.js"><link rel="prefetch" href="/assets/js/145.fc5b38c8.js"><link rel="prefetch" href="/assets/js/146.c9166b70.js"><link rel="prefetch" href="/assets/js/147.c31d8a01.js"><link rel="prefetch" href="/assets/js/148.5c0534ca.js"><link rel="prefetch" href="/assets/js/149.d2355ea2.js"><link rel="prefetch" href="/assets/js/15.970a8ca5.js"><link rel="prefetch" href="/assets/js/150.c1644898.js"><link rel="prefetch" href="/assets/js/151.b6e4adf0.js"><link rel="prefetch" href="/assets/js/152.7a5071aa.js"><link rel="prefetch" href="/assets/js/153.31abbc68.js"><link rel="prefetch" href="/assets/js/154.9c6bb079.js"><link rel="prefetch" href="/assets/js/155.e5506a40.js"><link rel="prefetch" href="/assets/js/156.992dab50.js"><link rel="prefetch" href="/assets/js/157.12a6ee84.js"><link rel="prefetch" href="/assets/js/158.84dc1045.js"><link rel="prefetch" href="/assets/js/159.fd2022b1.js"><link rel="prefetch" href="/assets/js/16.ff971500.js"><link rel="prefetch" href="/assets/js/160.8d8889cd.js"><link rel="prefetch" href="/assets/js/161.31797def.js"><link rel="prefetch" href="/assets/js/162.bfae7a75.js"><link rel="prefetch" href="/assets/js/163.e5e8094d.js"><link rel="prefetch" href="/assets/js/164.870f212c.js"><link rel="prefetch" href="/assets/js/165.8da20a31.js"><link rel="prefetch" href="/assets/js/166.950a187d.js"><link rel="prefetch" href="/assets/js/167.fd042c52.js"><link rel="prefetch" href="/assets/js/168.7d9f058d.js"><link rel="prefetch" href="/assets/js/169.205df80e.js"><link rel="prefetch" href="/assets/js/17.4b045b26.js"><link rel="prefetch" href="/assets/js/170.270108a3.js"><link rel="prefetch" href="/assets/js/171.9f03d27d.js"><link rel="prefetch" href="/assets/js/172.1882bac7.js"><link rel="prefetch" href="/assets/js/173.fc1fe7d4.js"><link rel="prefetch" href="/assets/js/174.d77c927b.js"><link rel="prefetch" href="/assets/js/175.019b9e83.js"><link rel="prefetch" href="/assets/js/176.5ce31bd8.js"><link rel="prefetch" href="/assets/js/177.9a2006f2.js"><link rel="prefetch" href="/assets/js/178.88265ac1.js"><link rel="prefetch" href="/assets/js/179.3205ce07.js"><link rel="prefetch" href="/assets/js/18.1cdd0514.js"><link rel="prefetch" href="/assets/js/180.2ff51f44.js"><link rel="prefetch" href="/assets/js/181.f792ce97.js"><link rel="prefetch" href="/assets/js/182.103328e1.js"><link rel="prefetch" href="/assets/js/183.40fde303.js"><link rel="prefetch" href="/assets/js/184.1f36ac78.js"><link rel="prefetch" href="/assets/js/185.cf3b1c00.js"><link rel="prefetch" href="/assets/js/186.f7981399.js"><link rel="prefetch" href="/assets/js/187.20fe296d.js"><link rel="prefetch" href="/assets/js/188.7b004fea.js"><link rel="prefetch" href="/assets/js/189.599ca2d9.js"><link rel="prefetch" href="/assets/js/19.5740e4d6.js"><link rel="prefetch" href="/assets/js/190.14087c07.js"><link rel="prefetch" href="/assets/js/191.b0f73f6d.js"><link rel="prefetch" href="/assets/js/192.9d171669.js"><link rel="prefetch" href="/assets/js/193.00975585.js"><link rel="prefetch" href="/assets/js/194.2c7c43b4.js"><link rel="prefetch" href="/assets/js/195.ff126254.js"><link rel="prefetch" href="/assets/js/196.6546ae1c.js"><link rel="prefetch" href="/assets/js/197.eedb67bb.js"><link rel="prefetch" href="/assets/js/198.acdcc22c.js"><link rel="prefetch" href="/assets/js/199.7993a6b2.js"><link rel="prefetch" href="/assets/js/20.8885a4fa.js"><link rel="prefetch" href="/assets/js/200.52f08765.js"><link rel="prefetch" href="/assets/js/201.b85ab10b.js"><link rel="prefetch" href="/assets/js/202.ccec1c85.js"><link rel="prefetch" href="/assets/js/203.3f50a6ed.js"><link rel="prefetch" href="/assets/js/204.f28b803b.js"><link rel="prefetch" href="/assets/js/205.c51c53fd.js"><link rel="prefetch" href="/assets/js/206.ba0aa8f6.js"><link rel="prefetch" href="/assets/js/207.0dce311a.js"><link rel="prefetch" href="/assets/js/208.0ea629a6.js"><link rel="prefetch" href="/assets/js/209.f48c3e71.js"><link rel="prefetch" href="/assets/js/21.0bb62db4.js"><link rel="prefetch" href="/assets/js/210.689db8f2.js"><link rel="prefetch" href="/assets/js/211.72bc0f1f.js"><link rel="prefetch" href="/assets/js/212.456135bd.js"><link rel="prefetch" href="/assets/js/213.d0ea50fc.js"><link rel="prefetch" href="/assets/js/214.1400da91.js"><link rel="prefetch" href="/assets/js/215.aeef3e5d.js"><link rel="prefetch" href="/assets/js/216.a60215af.js"><link rel="prefetch" href="/assets/js/217.d6cd8b69.js"><link rel="prefetch" href="/assets/js/218.1bd500fc.js"><link rel="prefetch" href="/assets/js/219.20faf611.js"><link rel="prefetch" href="/assets/js/22.3e8347a6.js"><link rel="prefetch" href="/assets/js/220.6714179b.js"><link rel="prefetch" href="/assets/js/221.fb5b643d.js"><link rel="prefetch" href="/assets/js/222.d96272e5.js"><link rel="prefetch" href="/assets/js/223.4cb7dc3d.js"><link rel="prefetch" href="/assets/js/224.500d94cc.js"><link rel="prefetch" href="/assets/js/225.d006c34e.js"><link rel="prefetch" href="/assets/js/226.73612150.js"><link rel="prefetch" href="/assets/js/227.b02db9d1.js"><link rel="prefetch" href="/assets/js/228.aad43ff2.js"><link rel="prefetch" href="/assets/js/229.65340802.js"><link rel="prefetch" href="/assets/js/23.ceb5a5ff.js"><link rel="prefetch" href="/assets/js/230.97cab104.js"><link rel="prefetch" href="/assets/js/231.8415349a.js"><link rel="prefetch" href="/assets/js/232.db6d2697.js"><link rel="prefetch" href="/assets/js/233.723d05b1.js"><link rel="prefetch" href="/assets/js/234.26ed5e94.js"><link rel="prefetch" href="/assets/js/235.a586122b.js"><link rel="prefetch" href="/assets/js/236.f802bda8.js"><link rel="prefetch" href="/assets/js/237.cc8767ad.js"><link rel="prefetch" href="/assets/js/238.6485459e.js"><link rel="prefetch" href="/assets/js/239.9fbf3a55.js"><link rel="prefetch" href="/assets/js/24.07267ac6.js"><link rel="prefetch" href="/assets/js/240.1188f244.js"><link rel="prefetch" href="/assets/js/241.cbfb154d.js"><link rel="prefetch" href="/assets/js/242.352cea5a.js"><link rel="prefetch" href="/assets/js/243.07947e1c.js"><link rel="prefetch" href="/assets/js/244.f5b26fa9.js"><link rel="prefetch" href="/assets/js/245.c6030e32.js"><link rel="prefetch" href="/assets/js/246.d3fe99f7.js"><link rel="prefetch" href="/assets/js/247.185ae95d.js"><link rel="prefetch" href="/assets/js/248.a5f1548c.js"><link rel="prefetch" href="/assets/js/249.19691113.js"><link rel="prefetch" href="/assets/js/25.15e1f641.js"><link rel="prefetch" href="/assets/js/250.72fa1d33.js"><link rel="prefetch" href="/assets/js/251.bedd56f7.js"><link rel="prefetch" href="/assets/js/252.32bbcc8b.js"><link rel="prefetch" href="/assets/js/253.b59e5846.js"><link rel="prefetch" href="/assets/js/254.c0e37e1a.js"><link rel="prefetch" href="/assets/js/255.850da3cc.js"><link rel="prefetch" href="/assets/js/256.952d9817.js"><link rel="prefetch" href="/assets/js/257.88667bb8.js"><link rel="prefetch" href="/assets/js/258.c5873c28.js"><link rel="prefetch" href="/assets/js/259.6ae1dcbc.js"><link rel="prefetch" href="/assets/js/26.35b2bbdc.js"><link rel="prefetch" href="/assets/js/260.cb940cc3.js"><link rel="prefetch" href="/assets/js/261.0686c3e9.js"><link rel="prefetch" href="/assets/js/263.ae83ebc1.js"><link rel="prefetch" href="/assets/js/264.209ad8a3.js"><link rel="prefetch" href="/assets/js/265.be8d1ee8.js"><link rel="prefetch" href="/assets/js/266.c51bceaa.js"><link rel="prefetch" href="/assets/js/267.fe8af48a.js"><link rel="prefetch" href="/assets/js/268.e18ed861.js"><link rel="prefetch" href="/assets/js/269.7126031e.js"><link rel="prefetch" href="/assets/js/27.270fcb06.js"><link rel="prefetch" href="/assets/js/270.89ead106.js"><link rel="prefetch" href="/assets/js/271.0643d07a.js"><link rel="prefetch" href="/assets/js/272.32a8e4b0.js"><link rel="prefetch" href="/assets/js/273.9881da47.js"><link rel="prefetch" href="/assets/js/274.2de022ea.js"><link rel="prefetch" href="/assets/js/275.d9a4fe99.js"><link rel="prefetch" href="/assets/js/276.d33de2e9.js"><link rel="prefetch" href="/assets/js/277.1ec367ab.js"><link rel="prefetch" href="/assets/js/278.66ab7c11.js"><link rel="prefetch" href="/assets/js/279.ff51cd15.js"><link rel="prefetch" href="/assets/js/28.ef3f6db2.js"><link rel="prefetch" href="/assets/js/280.ef45ed5f.js"><link rel="prefetch" href="/assets/js/281.87f26b81.js"><link rel="prefetch" href="/assets/js/282.c8ef594b.js"><link rel="prefetch" href="/assets/js/283.15643091.js"><link rel="prefetch" href="/assets/js/284.c4f25b2e.js"><link rel="prefetch" href="/assets/js/285.2d16e4b6.js"><link rel="prefetch" href="/assets/js/286.44eba266.js"><link rel="prefetch" href="/assets/js/287.7613e62f.js"><link rel="prefetch" href="/assets/js/288.b9546d55.js"><link rel="prefetch" href="/assets/js/289.125f85d8.js"><link rel="prefetch" href="/assets/js/29.177558be.js"><link rel="prefetch" href="/assets/js/290.db375797.js"><link rel="prefetch" href="/assets/js/291.90946626.js"><link rel="prefetch" href="/assets/js/292.a4524678.js"><link rel="prefetch" href="/assets/js/293.3ed9b083.js"><link rel="prefetch" href="/assets/js/294.d6c14116.js"><link rel="prefetch" href="/assets/js/295.2b485032.js"><link rel="prefetch" href="/assets/js/296.29d9aa0f.js"><link rel="prefetch" href="/assets/js/297.bfd72435.js"><link rel="prefetch" href="/assets/js/298.fc056989.js"><link rel="prefetch" href="/assets/js/299.0a3f258e.js"><link rel="prefetch" href="/assets/js/3.4dc033c7.js"><link rel="prefetch" href="/assets/js/30.248a229d.js"><link rel="prefetch" href="/assets/js/300.d064d776.js"><link rel="prefetch" href="/assets/js/301.d95b9fc0.js"><link rel="prefetch" href="/assets/js/302.1afa637a.js"><link rel="prefetch" href="/assets/js/303.231beaa8.js"><link rel="prefetch" href="/assets/js/304.05df35d9.js"><link rel="prefetch" href="/assets/js/305.f2d83cf9.js"><link rel="prefetch" href="/assets/js/306.d54f5e5e.js"><link rel="prefetch" href="/assets/js/307.d5df9000.js"><link rel="prefetch" href="/assets/js/308.ef2f52b3.js"><link rel="prefetch" href="/assets/js/309.d1f13319.js"><link rel="prefetch" href="/assets/js/31.32a62b91.js"><link rel="prefetch" href="/assets/js/310.30b84be3.js"><link rel="prefetch" href="/assets/js/311.d79e3145.js"><link rel="prefetch" href="/assets/js/312.58e24f19.js"><link rel="prefetch" href="/assets/js/313.9809a122.js"><link rel="prefetch" href="/assets/js/314.e92e41b1.js"><link rel="prefetch" href="/assets/js/315.8c2fc1d4.js"><link rel="prefetch" href="/assets/js/316.a0904343.js"><link rel="prefetch" href="/assets/js/317.18e42b54.js"><link rel="prefetch" href="/assets/js/318.6b051d27.js"><link rel="prefetch" href="/assets/js/319.513b0197.js"><link rel="prefetch" href="/assets/js/32.23b75afc.js"><link rel="prefetch" href="/assets/js/320.ae91bc36.js"><link rel="prefetch" href="/assets/js/321.a194efea.js"><link rel="prefetch" href="/assets/js/322.8273020e.js"><link rel="prefetch" href="/assets/js/323.d332e08f.js"><link rel="prefetch" href="/assets/js/324.ed867b64.js"><link rel="prefetch" href="/assets/js/325.c43ccf9a.js"><link rel="prefetch" href="/assets/js/326.9497d879.js"><link rel="prefetch" href="/assets/js/327.7f095e40.js"><link rel="prefetch" href="/assets/js/328.cb5c5847.js"><link rel="prefetch" href="/assets/js/329.d36b59f3.js"><link rel="prefetch" href="/assets/js/33.b258b779.js"><link rel="prefetch" href="/assets/js/330.b1a092b9.js"><link rel="prefetch" href="/assets/js/331.ff86566f.js"><link rel="prefetch" href="/assets/js/332.0daafa9f.js"><link rel="prefetch" href="/assets/js/333.b7e50524.js"><link rel="prefetch" href="/assets/js/334.7dcf9f0b.js"><link rel="prefetch" href="/assets/js/335.862c410a.js"><link rel="prefetch" href="/assets/js/336.c6384990.js"><link rel="prefetch" href="/assets/js/337.ab9d5e52.js"><link rel="prefetch" href="/assets/js/338.598ae59e.js"><link rel="prefetch" href="/assets/js/339.9b810ff8.js"><link rel="prefetch" href="/assets/js/34.3bd60f1f.js"><link rel="prefetch" href="/assets/js/340.5609a53c.js"><link rel="prefetch" href="/assets/js/341.969d335a.js"><link rel="prefetch" href="/assets/js/342.43f85dba.js"><link rel="prefetch" href="/assets/js/343.47280ef9.js"><link rel="prefetch" href="/assets/js/344.346ae5fc.js"><link rel="prefetch" href="/assets/js/345.32166361.js"><link rel="prefetch" href="/assets/js/346.86ff128b.js"><link rel="prefetch" href="/assets/js/347.3c5421fe.js"><link rel="prefetch" href="/assets/js/348.95910300.js"><link rel="prefetch" href="/assets/js/349.004158d8.js"><link rel="prefetch" href="/assets/js/35.18e8f66a.js"><link rel="prefetch" href="/assets/js/350.e10b195b.js"><link rel="prefetch" href="/assets/js/351.12f89875.js"><link rel="prefetch" href="/assets/js/352.83957394.js"><link rel="prefetch" href="/assets/js/353.475971b9.js"><link rel="prefetch" href="/assets/js/354.8af7b26b.js"><link rel="prefetch" href="/assets/js/355.85925e24.js"><link rel="prefetch" href="/assets/js/356.1d77cf9c.js"><link rel="prefetch" href="/assets/js/357.b467d481.js"><link rel="prefetch" href="/assets/js/358.ac96f32d.js"><link rel="prefetch" href="/assets/js/359.e048bd10.js"><link rel="prefetch" href="/assets/js/36.a7ae257c.js"><link rel="prefetch" href="/assets/js/360.e9b45545.js"><link rel="prefetch" href="/assets/js/361.ad1bb45b.js"><link rel="prefetch" href="/assets/js/362.4e24a30b.js"><link rel="prefetch" href="/assets/js/363.64f7dad5.js"><link rel="prefetch" href="/assets/js/364.d9e3ebc2.js"><link rel="prefetch" href="/assets/js/365.330e3086.js"><link rel="prefetch" href="/assets/js/366.a6c0afb3.js"><link rel="prefetch" href="/assets/js/367.ffcefa40.js"><link rel="prefetch" href="/assets/js/368.664c8e4d.js"><link rel="prefetch" href="/assets/js/369.67da2dd2.js"><link rel="prefetch" href="/assets/js/37.d709f9a9.js"><link rel="prefetch" href="/assets/js/370.b1791970.js"><link rel="prefetch" href="/assets/js/371.743a461a.js"><link rel="prefetch" href="/assets/js/372.7703ef1b.js"><link rel="prefetch" href="/assets/js/373.17de31f6.js"><link rel="prefetch" href="/assets/js/374.e508be9e.js"><link rel="prefetch" href="/assets/js/375.6e2e9fe3.js"><link rel="prefetch" href="/assets/js/376.8ca3511a.js"><link rel="prefetch" href="/assets/js/377.bfcee39c.js"><link rel="prefetch" href="/assets/js/378.21852b78.js"><link rel="prefetch" href="/assets/js/379.9649c307.js"><link rel="prefetch" href="/assets/js/38.68ca920e.js"><link rel="prefetch" href="/assets/js/380.dadb4418.js"><link rel="prefetch" href="/assets/js/381.a03c993d.js"><link rel="prefetch" href="/assets/js/382.bb7c22c1.js"><link rel="prefetch" href="/assets/js/383.bd68b2e5.js"><link rel="prefetch" href="/assets/js/384.f6dc7457.js"><link rel="prefetch" href="/assets/js/385.14287a91.js"><link rel="prefetch" href="/assets/js/386.a6284ac2.js"><link rel="prefetch" href="/assets/js/387.c51f147a.js"><link rel="prefetch" href="/assets/js/388.06d9651e.js"><link rel="prefetch" href="/assets/js/389.2d85d927.js"><link rel="prefetch" href="/assets/js/39.de850db9.js"><link rel="prefetch" href="/assets/js/390.2397b3e0.js"><link rel="prefetch" href="/assets/js/391.8413aaaf.js"><link rel="prefetch" href="/assets/js/392.00eecaa4.js"><link rel="prefetch" href="/assets/js/393.351dd3fd.js"><link rel="prefetch" href="/assets/js/394.d2cc4a70.js"><link rel="prefetch" href="/assets/js/395.abee64bf.js"><link rel="prefetch" href="/assets/js/396.bc265e6a.js"><link rel="prefetch" href="/assets/js/397.e4a96944.js"><link rel="prefetch" href="/assets/js/398.f0d26b29.js"><link rel="prefetch" href="/assets/js/399.e77c3ddc.js"><link rel="prefetch" href="/assets/js/4.2f502b73.js"><link rel="prefetch" href="/assets/js/40.91635261.js"><link rel="prefetch" href="/assets/js/400.c7eac401.js"><link rel="prefetch" href="/assets/js/401.06092d16.js"><link rel="prefetch" href="/assets/js/402.4e08e496.js"><link rel="prefetch" href="/assets/js/403.deba4c77.js"><link rel="prefetch" href="/assets/js/404.9100e4df.js"><link rel="prefetch" href="/assets/js/405.e9f451e2.js"><link rel="prefetch" href="/assets/js/406.a0da4aa4.js"><link rel="prefetch" href="/assets/js/407.58b2b123.js"><link rel="prefetch" href="/assets/js/408.eb2cde2d.js"><link rel="prefetch" href="/assets/js/409.9041f749.js"><link rel="prefetch" href="/assets/js/41.169a3cfc.js"><link rel="prefetch" href="/assets/js/410.c12f3710.js"><link rel="prefetch" href="/assets/js/411.452cda45.js"><link rel="prefetch" href="/assets/js/412.8691317a.js"><link rel="prefetch" href="/assets/js/413.25a68f21.js"><link rel="prefetch" href="/assets/js/414.7a9699d8.js"><link rel="prefetch" href="/assets/js/415.6e8cdaff.js"><link rel="prefetch" href="/assets/js/416.e8a86529.js"><link rel="prefetch" href="/assets/js/417.28330bde.js"><link rel="prefetch" href="/assets/js/418.2fed8e17.js"><link rel="prefetch" href="/assets/js/419.773032f4.js"><link rel="prefetch" href="/assets/js/42.e17cd061.js"><link rel="prefetch" href="/assets/js/420.56681228.js"><link rel="prefetch" href="/assets/js/421.0d170e13.js"><link rel="prefetch" href="/assets/js/422.fc8c2a11.js"><link rel="prefetch" href="/assets/js/423.e34ea6a6.js"><link rel="prefetch" href="/assets/js/424.20fe8748.js"><link rel="prefetch" href="/assets/js/425.f001b7cd.js"><link rel="prefetch" href="/assets/js/426.a91230ef.js"><link rel="prefetch" href="/assets/js/427.c6c9fe8d.js"><link rel="prefetch" href="/assets/js/428.9d4f5e41.js"><link rel="prefetch" href="/assets/js/429.c81cfd3f.js"><link rel="prefetch" href="/assets/js/43.f88aa667.js"><link rel="prefetch" href="/assets/js/430.eb61372f.js"><link rel="prefetch" href="/assets/js/431.4a25365a.js"><link rel="prefetch" href="/assets/js/432.42fc1bbe.js"><link rel="prefetch" href="/assets/js/433.8e9ac9f0.js"><link rel="prefetch" href="/assets/js/434.fdd0b160.js"><link rel="prefetch" href="/assets/js/435.d6cbac31.js"><link rel="prefetch" href="/assets/js/436.17750ba2.js"><link rel="prefetch" href="/assets/js/437.a1468099.js"><link rel="prefetch" href="/assets/js/438.ac6a45c2.js"><link rel="prefetch" href="/assets/js/439.242ae27a.js"><link rel="prefetch" href="/assets/js/44.3f36e228.js"><link rel="prefetch" href="/assets/js/440.b80b520c.js"><link rel="prefetch" href="/assets/js/441.e51a4bbb.js"><link rel="prefetch" href="/assets/js/442.ab0b3eda.js"><link rel="prefetch" href="/assets/js/443.47e44250.js"><link rel="prefetch" href="/assets/js/444.54c3b425.js"><link rel="prefetch" href="/assets/js/445.e006c12e.js"><link rel="prefetch" href="/assets/js/446.f2b79730.js"><link rel="prefetch" href="/assets/js/447.2509a397.js"><link rel="prefetch" href="/assets/js/448.b7d69dfc.js"><link rel="prefetch" href="/assets/js/449.8a575d9b.js"><link rel="prefetch" href="/assets/js/45.be1455b1.js"><link rel="prefetch" href="/assets/js/450.ad421aeb.js"><link rel="prefetch" href="/assets/js/451.f09912ae.js"><link rel="prefetch" href="/assets/js/452.f528c4ce.js"><link rel="prefetch" href="/assets/js/453.fc4dc0f9.js"><link rel="prefetch" href="/assets/js/454.733c315c.js"><link rel="prefetch" href="/assets/js/455.44fe35b1.js"><link rel="prefetch" href="/assets/js/456.7f650035.js"><link rel="prefetch" href="/assets/js/457.77ebc183.js"><link rel="prefetch" href="/assets/js/458.133078f4.js"><link rel="prefetch" href="/assets/js/459.33728b5e.js"><link rel="prefetch" href="/assets/js/46.5ad74cb5.js"><link rel="prefetch" href="/assets/js/460.6946f564.js"><link rel="prefetch" href="/assets/js/461.6f906c5c.js"><link rel="prefetch" href="/assets/js/462.26eca27e.js"><link rel="prefetch" href="/assets/js/463.e02e5f65.js"><link rel="prefetch" href="/assets/js/464.0df25c63.js"><link rel="prefetch" href="/assets/js/465.80cd249e.js"><link rel="prefetch" href="/assets/js/466.a0921e86.js"><link rel="prefetch" href="/assets/js/467.1bec2b47.js"><link rel="prefetch" href="/assets/js/468.b6fa37c1.js"><link rel="prefetch" href="/assets/js/469.a1d2487e.js"><link rel="prefetch" href="/assets/js/47.03df5d0a.js"><link rel="prefetch" href="/assets/js/470.36a4b9c8.js"><link rel="prefetch" href="/assets/js/471.28895273.js"><link rel="prefetch" href="/assets/js/472.b9fe392f.js"><link rel="prefetch" href="/assets/js/473.a2835d9c.js"><link rel="prefetch" href="/assets/js/474.cd57b37d.js"><link rel="prefetch" href="/assets/js/475.8d5a9792.js"><link rel="prefetch" href="/assets/js/476.f7f3781c.js"><link rel="prefetch" href="/assets/js/477.9b710b04.js"><link rel="prefetch" href="/assets/js/478.46d66687.js"><link rel="prefetch" href="/assets/js/479.e7444705.js"><link rel="prefetch" href="/assets/js/48.48f286ba.js"><link rel="prefetch" href="/assets/js/480.da2b750a.js"><link rel="prefetch" href="/assets/js/481.838a8e04.js"><link rel="prefetch" href="/assets/js/482.02bf8041.js"><link rel="prefetch" href="/assets/js/483.bb29ef2f.js"><link rel="prefetch" href="/assets/js/484.aebb68bd.js"><link rel="prefetch" href="/assets/js/485.a66ab41b.js"><link rel="prefetch" href="/assets/js/486.8df516fb.js"><link rel="prefetch" href="/assets/js/487.86d28130.js"><link rel="prefetch" href="/assets/js/488.0863da70.js"><link rel="prefetch" href="/assets/js/489.5d4d9e88.js"><link rel="prefetch" href="/assets/js/49.1ca52d11.js"><link rel="prefetch" href="/assets/js/490.3fd65d85.js"><link rel="prefetch" href="/assets/js/491.ae3a2f87.js"><link rel="prefetch" href="/assets/js/492.6f54679b.js"><link rel="prefetch" href="/assets/js/493.a594b1f4.js"><link rel="prefetch" href="/assets/js/494.4f03fae1.js"><link rel="prefetch" href="/assets/js/495.ae50b66b.js"><link rel="prefetch" href="/assets/js/496.bc92d835.js"><link rel="prefetch" href="/assets/js/497.eac65251.js"><link rel="prefetch" href="/assets/js/498.1d726726.js"><link rel="prefetch" href="/assets/js/499.01e4f7d1.js"><link rel="prefetch" href="/assets/js/5.7b1f056c.js"><link rel="prefetch" href="/assets/js/50.73732fe2.js"><link rel="prefetch" href="/assets/js/500.062ade4e.js"><link rel="prefetch" href="/assets/js/501.e6a711dc.js"><link rel="prefetch" href="/assets/js/502.c79e28e2.js"><link rel="prefetch" href="/assets/js/503.bf97bce9.js"><link rel="prefetch" href="/assets/js/504.b2784ef0.js"><link rel="prefetch" href="/assets/js/505.0767ba54.js"><link rel="prefetch" href="/assets/js/506.8ae14637.js"><link rel="prefetch" href="/assets/js/507.003e2349.js"><link rel="prefetch" href="/assets/js/508.ecb5e6bd.js"><link rel="prefetch" href="/assets/js/509.b644f44a.js"><link rel="prefetch" href="/assets/js/51.bed7cf61.js"><link rel="prefetch" href="/assets/js/510.b660946f.js"><link rel="prefetch" href="/assets/js/511.cb186c8f.js"><link rel="prefetch" href="/assets/js/512.d176170f.js"><link rel="prefetch" href="/assets/js/513.18a1afa5.js"><link rel="prefetch" href="/assets/js/514.4a33e931.js"><link rel="prefetch" href="/assets/js/515.8496bd4d.js"><link rel="prefetch" href="/assets/js/516.529b9476.js"><link rel="prefetch" href="/assets/js/517.289738f1.js"><link rel="prefetch" href="/assets/js/518.eda39556.js"><link rel="prefetch" href="/assets/js/519.85b42de5.js"><link rel="prefetch" href="/assets/js/52.22a7da62.js"><link rel="prefetch" href="/assets/js/520.8b531775.js"><link rel="prefetch" href="/assets/js/521.8e4b66fb.js"><link rel="prefetch" href="/assets/js/522.050bfc55.js"><link rel="prefetch" href="/assets/js/523.e973f1e0.js"><link rel="prefetch" href="/assets/js/524.fd160738.js"><link rel="prefetch" href="/assets/js/525.5a4bc307.js"><link rel="prefetch" href="/assets/js/526.361bc4fa.js"><link rel="prefetch" href="/assets/js/527.06ee9d73.js"><link rel="prefetch" href="/assets/js/528.22d9b118.js"><link rel="prefetch" href="/assets/js/529.b7592c16.js"><link rel="prefetch" href="/assets/js/53.767f3bbf.js"><link rel="prefetch" href="/assets/js/530.ad96d564.js"><link rel="prefetch" href="/assets/js/531.61905243.js"><link rel="prefetch" href="/assets/js/532.11aebf61.js"><link rel="prefetch" href="/assets/js/533.0cddb226.js"><link rel="prefetch" href="/assets/js/534.d1c9cc36.js"><link rel="prefetch" href="/assets/js/54.d1f9eec8.js"><link rel="prefetch" href="/assets/js/55.aa90e812.js"><link rel="prefetch" href="/assets/js/56.4d7f81f2.js"><link rel="prefetch" href="/assets/js/57.3c540e8d.js"><link rel="prefetch" href="/assets/js/58.fc1c23f2.js"><link rel="prefetch" href="/assets/js/59.c7a7a4c0.js"><link rel="prefetch" href="/assets/js/6.056886f1.js"><link rel="prefetch" href="/assets/js/60.40e590ae.js"><link rel="prefetch" href="/assets/js/61.e400b323.js"><link rel="prefetch" href="/assets/js/62.bbb30ef1.js"><link rel="prefetch" href="/assets/js/63.c31cd2bb.js"><link rel="prefetch" href="/assets/js/64.62321188.js"><link rel="prefetch" href="/assets/js/65.44adc2b3.js"><link rel="prefetch" href="/assets/js/66.b5740d4f.js"><link rel="prefetch" href="/assets/js/67.76c3624c.js"><link rel="prefetch" href="/assets/js/68.6dd982d4.js"><link rel="prefetch" href="/assets/js/69.eb1390ec.js"><link rel="prefetch" href="/assets/js/7.a96cecf9.js"><link rel="prefetch" href="/assets/js/70.8c882bdd.js"><link rel="prefetch" href="/assets/js/71.001c968a.js"><link rel="prefetch" href="/assets/js/72.ae4ca075.js"><link rel="prefetch" href="/assets/js/73.d6ae6a27.js"><link rel="prefetch" href="/assets/js/74.fba60e37.js"><link rel="prefetch" href="/assets/js/75.0b1bf7bf.js"><link rel="prefetch" href="/assets/js/76.ee19d90e.js"><link rel="prefetch" href="/assets/js/77.fe8ac5f0.js"><link rel="prefetch" href="/assets/js/78.ae09432e.js"><link rel="prefetch" href="/assets/js/79.c1b10e2d.js"><link rel="prefetch" href="/assets/js/80.ae809538.js"><link rel="prefetch" href="/assets/js/81.ca11b4c7.js"><link rel="prefetch" href="/assets/js/82.308b98e4.js"><link rel="prefetch" href="/assets/js/83.355d9dde.js"><link rel="prefetch" href="/assets/js/84.a2b61d48.js"><link rel="prefetch" href="/assets/js/85.cf992fda.js"><link rel="prefetch" href="/assets/js/86.f547c7ea.js"><link rel="prefetch" href="/assets/js/87.2b02746a.js"><link rel="prefetch" href="/assets/js/88.e939aad5.js"><link rel="prefetch" href="/assets/js/89.b000c42a.js"><link rel="prefetch" href="/assets/js/90.dadef001.js"><link rel="prefetch" href="/assets/js/91.c0fe2e32.js"><link rel="prefetch" href="/assets/js/92.e09650b9.js"><link rel="prefetch" href="/assets/js/93.427c7280.js"><link rel="prefetch" href="/assets/js/94.90fc5f58.js"><link rel="prefetch" href="/assets/js/95.13d42b3a.js"><link rel="prefetch" href="/assets/js/96.d0a2ea8c.js"><link rel="prefetch" href="/assets/js/97.cc9a0eda.js"><link rel="prefetch" href="/assets/js/98.3c9f1b7e.js"><link rel="prefetch" href="/assets/js/99.0420dcbc.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.33b2b47d.js">
    <link rel="stylesheet" href="/assets/css/0.styles.40c15e22.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/logo.png" alt="鱼皮的编程宝典" class="logo"> <span class="site-name can-hide">鱼皮的编程宝典</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/学习路线/" class="nav-link">
  学习路线
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="自学之路" class="dropdown-title"><span class="title">自学之路</span> <span class="arrow down"></span></button> <button type="button" aria-label="自学之路" class="mobile-dropdown-title"><span class="title">自学之路</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/自学之路/#大学经历" class="nav-link">
  大学经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#求职经历" class="nav-link">
  求职经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#职场工作" class="nav-link">
  职场工作
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创作经历" class="nav-link">
  创作经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创业经历" class="nav-link">
  创业经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#生活日常" class="nav-link">
  生活日常
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="编程分享" class="dropdown-title"><span class="title">编程分享</span> <span class="arrow down"></span></button> <button type="button" aria-label="编程分享" class="mobile-dropdown-title"><span class="title">编程分享</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/编程分享/#入门必看-学习路线" class="nav-link">
  入门必看-学习路线
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#学习指南" class="nav-link">
  学习指南
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#开发经验" class="nav-link">
  开发经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#求职经验" class="nav-link">
  求职经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#职场经验" class="nav-link">
  职场经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#技术分享" class="nav-link">
  技术分享
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#实战教程" class="nav-link">
  实战教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#其他" class="nav-link">
  其他
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#📚-项目教程" class="nav-link">
  项目教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#个人作品" class="nav-link">
  个人作品
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🎁-编程资源" class="nav-link">
  编程资源
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🌐-科技科普" class="nav-link">
  科技科普
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="项目实战" class="dropdown-title"><span class="title">项目实战</span> <span class="arrow down"></span></button> <button type="button" aria-label="项目实战" class="mobile-dropdown-title"><span class="title">项目实战</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/项目实战/OJ 判题系统.html" class="nav-link">
  OJ 判题系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/智能 BI 平台.html" class="nav-link">
  智能 BI 平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/聚合搜索平台.html" class="nav-link">
  聚合搜索平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/API 开放平台.html" class="nav-link">
  API 开放平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/伙伴匹配系统.html" class="nav-link">
  伙伴匹配系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/用户中心项目.html" class="nav-link">
  用户中心项目
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/Java 后端万用项目模板.html" class="nav-link">
  Java 后端万用项目模板
</a></li></ul></div></div><div class="nav-item"><a href="/知识碎片/" class="nav-link">
  知识碎片
</a></div><div class="nav-item"><a href="/编程导航/" class="nav-link">
  🔥 编程导航
</a></div><div class="nav-item"><a href="/产品服务/" class="nav-link">
  产品服务
</a></div><div class="nav-item"><a href="/作者/" class="nav-link">
  作者
</a></div> <a href="https://github.com/liyupi/codefather" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/学习路线/" class="nav-link">
  学习路线
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="自学之路" class="dropdown-title"><span class="title">自学之路</span> <span class="arrow down"></span></button> <button type="button" aria-label="自学之路" class="mobile-dropdown-title"><span class="title">自学之路</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/自学之路/#大学经历" class="nav-link">
  大学经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#求职经历" class="nav-link">
  求职经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#职场工作" class="nav-link">
  职场工作
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创作经历" class="nav-link">
  创作经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创业经历" class="nav-link">
  创业经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#生活日常" class="nav-link">
  生活日常
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="编程分享" class="dropdown-title"><span class="title">编程分享</span> <span class="arrow down"></span></button> <button type="button" aria-label="编程分享" class="mobile-dropdown-title"><span class="title">编程分享</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/编程分享/#入门必看-学习路线" class="nav-link">
  入门必看-学习路线
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#学习指南" class="nav-link">
  学习指南
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#开发经验" class="nav-link">
  开发经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#求职经验" class="nav-link">
  求职经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#职场经验" class="nav-link">
  职场经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#技术分享" class="nav-link">
  技术分享
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#实战教程" class="nav-link">
  实战教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#其他" class="nav-link">
  其他
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#📚-项目教程" class="nav-link">
  项目教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#个人作品" class="nav-link">
  个人作品
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🎁-编程资源" class="nav-link">
  编程资源
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🌐-科技科普" class="nav-link">
  科技科普
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="项目实战" class="dropdown-title"><span class="title">项目实战</span> <span class="arrow down"></span></button> <button type="button" aria-label="项目实战" class="mobile-dropdown-title"><span class="title">项目实战</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/项目实战/OJ 判题系统.html" class="nav-link">
  OJ 判题系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/智能 BI 平台.html" class="nav-link">
  智能 BI 平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/聚合搜索平台.html" class="nav-link">
  聚合搜索平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/API 开放平台.html" class="nav-link">
  API 开放平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/伙伴匹配系统.html" class="nav-link">
  伙伴匹配系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/用户中心项目.html" class="nav-link">
  用户中心项目
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/Java 后端万用项目模板.html" class="nav-link">
  Java 后端万用项目模板
</a></li></ul></div></div><div class="nav-item"><a href="/知识碎片/" class="nav-link">
  知识碎片
</a></div><div class="nav-item"><a href="/编程导航/" class="nav-link">
  🔥 编程导航
</a></div><div class="nav-item"><a href="/产品服务/" class="nav-link">
  产品服务
</a></div><div class="nav-item"><a href="/作者/" class="nav-link">
  作者
</a></div> <a href="https://github.com/liyupi/codefather" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><a href="/%E7%BC%96%E7%A8%8B%E5%88%86%E4%BA%AB/" class="sidebar-link">入门必看 - 学习路线</a></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>入门必看-学习路线</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>学习指南</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>开发经验</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>求职经验</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>职场经验</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>技术分享</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>实战教程</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>项目教程</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>编程资源</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>科技科普</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>其他</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="content"><div style="width:100%"><div class="theme-default-content custom-content content__default"><h1 id="大厂机密-30-个提升团队研发效能的锦囊"><a href="#大厂机密-30-个提升团队研发效能的锦囊" class="header-anchor">#</a> 大厂机密！30 个提升团队研发效能的锦囊</h1> <blockquote><p>本文作者：<a href="https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah" target="_blank" rel="noopener noreferrer">程序员鱼皮<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p>本站地址：<a href="https://codefather.cn" target="_blank" rel="noopener noreferrer">https://codefather.cn<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></blockquote> <p>互联网大公司价值上亿的项目背后，团队成员是怎么高效协作开发的？</p> <p>和我自己开发辣条项目时有什么区别？</p> <p>看完本文，保证让你大开眼界！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421890.jpeg" loading="lazy" class="lazy"></p> <p>鱼皮在学校的时候，做过很多项目，但大部分都是练手的 Demo。基本都是单兵作战，毫无章法。</p> <p>大二暑假，我第一次进入企业实习，要和同事合作开发一个大项目，对于企业中的条条框框和同事写的烂代码非常不适应，整天大呼同事不讲码德！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421722.jpeg" loading="lazy" class="lazy"></p> <p>大三来到字节跳动实习，还是和同事一起开发一个新项目，那会儿仍然不适应团队开发，最烦的事就是每次写完代码，都要让同事检查几遍，确认没问题后还要在他的监护下才能发布上线。</p> <p>后来走出校园，来到腾讯，接触到了更大的团队、更大的项目，但起初我还不能很好的适应团队开发，依旧保持个人开发时的野性，导致效率非常低。</p> <p>经过在鹅厂一年多的摸爬滚打，如今的我，终于能够熟练运用企业的各种资源来提升自己和团队的研发效率了！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421885.jpeg" loading="lazy" class="lazy"></p> <p>我总结了 30 个提升团队研发效能的锦囊，完整覆盖项目的各研发流程，分享给大家~</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421882.png" loading="lazy" class="lazy">项目研发流程</p> <h4 id="_1-技术选型"><a href="#_1-技术选型" class="header-anchor">#</a> 1. 技术选型</h4> <p>想要提升团队开发效率，在投入项目开发前，必须确认项目的技术选型。比如项目选用哪种编程语言、选用哪个开发框架、选用哪些依赖库、选用哪个测试框架、选用哪种数据库、选用哪些中间件等等。</p> <p>技术选型是一门大学问，通常不是由一位技术大牛或架构师一锤定音的，而是要大家开会讨论，结合具体的业务场景进行分析，并且对技术进行充分的研究，最后共同确认一个较为合适的选型方案。</p> <p><strong>技术选型的考量要素非常多，比如：</strong></p> <ol><li>团队成员对技术的熟悉程度。团队成员对技术越熟悉，培训成本越小，开发效率越高。在一个都是  Java 工程师的团队提出使用 C++ 简直不讲码德！</li> <li>团队对技术的掌控度。团队内至少要有一个人非常了解该技术，懂得最佳实践，能够指导团队正确运用技术，并解决疑难问题。</li> <li>技术的主流程度和生态。技术越主流，文档、实践和解决方案就越多，而使用冷门技术可能出现无法解决的问题，整段垮掉！</li> <li>技术和业务的贴合程度。技术是为业务服务的，因此必须结合具体的业务场景去选用技术。比如在只有几个用户使用的小网站中运用微服务框架是一个愚蠢的选择。</li></ol> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421338.jpeg" loading="lazy" class="lazy"></p> <h4 id="_2-开发工具"><a href="#_2-开发工具" class="header-anchor">#</a> 2. 开发工具</h4> <p>工欲善其事，必先利其器。</p> <p>在开发前，选择一款优秀的开发工具，并且学习如何高效地使用它吧！很多开发工具都自带了代码检查、代码格式化等功能，还有很多快捷键，这将大大提升我们的开发效率和开发体验。</p> <p>目前比较主流的开发工具有 <code>JetBrains 全家桶</code>、<code>Vscode</code>、<code>Sublime</code> 等等，不必沉迷于某一款开发工具无法自拔，可以针对项目的类别和体积进行选择。</p> <p>除了本地的开发工具外，还可以使用云端的开发工具，比如 <code>Cloud Studio</code>，无需下载任何软件，直接在浏览器中进行开发和调试、实时浏览。对于小型项目的开发也许是一个不错的选择。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421035.png" loading="lazy" class="lazy"></p> <blockquote><p>Cloud Studio 在线开发</p></blockquote> <h4 id="_3-代码规范"><a href="#_3-代码规范" class="header-anchor">#</a> 3. 代码规范</h4> <p>在开发前，为团队或项目制定一套代码规范太有必要了。</p> <p>好的代码规范能够帮助团队成员阅读理解他人的代码，提升协作开发效率和团队氛围。</p> <p>试想，如果你习惯代码缩进两格，而其他同学都缩进四格，会不会感到很懊恼？</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421208.png" loading="lazy" class="lazy"></p> <h4 id="_4-脚手架"><a href="#_4-脚手架" class="header-anchor">#</a> 4. 脚手架</h4> <p>在开发一个新项目前，通常由架构师或熟悉技术框架的同学来搭建项目的基本结构、编写 Demo，其他同学只需要在此基础上遵循规范进行开发（复制粘贴）就好。</p> <p>如今，项目结构越来越复杂，我们不可能手动创建一个又一个文件。</p> <p>懒人推动世界，很多框架自带了<strong>脚手架</strong>，能够让我们通过输入一两行命令，快速生成项目的基本结构、默认配置文件、甚至是可直接运行的 Demo，避免了不必要的重复工作，大大提升开发效率！</p> <p>比如前端框架 <code>Vue</code> 的脚手架 <code>Vue Cli</code> 和前端框架 <code>React</code> 的脚手架 <code>Create React App</code>。</p> <p><img alt="image-20231107142330762" data-src="https://pic.yupi.icu/5563/202311071423956.png" loading="lazy" class="lazy"></p> <blockquote><p>脚手架演示</p></blockquote> <h4 id="_5-低代码构建"><a href="#_5-低代码构建" class="header-anchor">#</a> 5. 低代码构建</h4> <p>低代码是指<strong>少写代码或不写代码</strong>。通过对应用场景的极致抽象和模板化，将写代码的工作交给机器来自动生成。</p> <p>就像现在网上很多 App 和网站制作平台，只需要在界面上选择元素、点点拖拖，就能够自动创建出应用，根本不需要写任何代码，哪怕是不会编程的人也能轻松使用。</p> <p>低代码构建在企业中非常流行，是提升团队开发效率的神器，几乎每个大公司都有自己的低代码构建平台。业界比较知名的低代码平台有 Google 的 <code>App Maker</code> 和微软的 <code>Power Apps</code> 等。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421039.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>Power Apps 画布的图像</p></blockquote> <h4 id="_6-内部依赖仓库"><a href="#_6-内部依赖仓库" class="header-anchor">#</a> 6. 内部依赖仓库</h4> <p>在开发中，我们经常需要下载大量的依赖包，还要将开发好的依赖包进行上传。</p> <p>但是，通常软件依赖源都是国外的服务器，比如 <code>Maven</code> 和 <code>npm</code> 源，从国内下载依赖的速度非常慢。虽然下载慢的问题可以通过配置国内镜像源得到一定程度的解决，但是无法直接在公有软件源上传私有包。</p> <p>因此，通常企业都会在内网搭建私有软件源，即<strong>内部依赖仓库</strong>，便于内部依赖管理，大大提升拉取效率。</p> <p>目前最常用的内部依赖仓库是 <code>Nexus</code>。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421089.png" loading="lazy" class="lazy"></p> <blockquote><p>Nexus 仓库</p></blockquote> <h4 id="_7-本地开发热更新"><a href="#_7-本地开发热更新" class="header-anchor">#</a> 7. 本地开发热更新</h4> <p>很多年前，在我还有一双清澈的双眼的时候，我在本地开发网站都是改一行代码，然后切换到浏览器里刷新看效果，然后再改代码，再刷新，如此往复，非常难受。尤其是开发后台应用时，哪怕在代码中改了一个字母，都要去重启项目！</p> <p>现在想想，效率实在是太低了。</p> <p>如今，本地开发热更新是程序员开发提效必备的神器，启动一个开发服务器，让它自动监听代码文件。当代码更新时，运行中的项目也会自动更新，从而省去了无止尽的刷新和重启。</p> <p>在前端，比较知名的热更新工具有基于 HMR 技术（模块热替换 hot module replacement）的 <code>Webpack Dev Server</code>；在 Java 后端有 热部署插件 <code>JRebel</code>。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421079.png" loading="lazy" class="lazy"></p> <blockquote><p>JRebel 简化流程</p></blockquote> <h4 id="_8-serverless"><a href="#_8-serverless" class="header-anchor">#</a> 8. Serverless</h4> <p>Serverless 是最近几年逐渐流行的概念，翻译过来就是 “无服务器”。</p> <p>以前，我们要搭建网站的后台，首先要买服务器，然后将一个大而全的项目包部署到服务器上，整体对外提供服务，所有的系统资源和进程都需要由我们自己来管理。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421522.png" loading="lazy" class="lazy"></p> <blockquote><p>单体架构</p></blockquote> <p>随着云计算时代虚拟化、容器、微服务等技术的发展，人们将大项目的通用部分抽象成一个个细小的服务，每个服务只提供一个或几个功能，独立部署在比服务器更轻量且无状态的<strong>容器</strong>中，共同对外提供服务，组成一个完整的系统。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421033.png" loading="lazy" class="lazy"></p> <blockquote><p>Serverless 架构</p></blockquote> <p>而 Serverless 不是指完全不需要服务器，而是让开发者感受不到服务器的存在。</p> <p>什么意思呢？其实就是把对服务器的需求外包给厂商，我们只管写代码，让他们负责部署和运维。我们花钱，他们办事！</p> <p>目前国内有很多 Serverless 服务提供商，如阿里云、腾讯云、LeanCloud 等，使用这些 Serverless 服务后，我们无需再关心服务器的运行，只需要专心写业务逻辑就可以了，能够大大提升开发和维护效率，省时省心。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421766.jpeg" loading="lazy" class="lazy"></p> <h4 id="_9-代码托管"><a href="#_9-代码托管" class="header-anchor">#</a> 9. 代码托管</h4> <p>很多年前，我们的代码几乎都存在自己的电脑里，通过 U 盘或者网络传输代码文件来实现合作开发。</p> <p>而如今，代码托管平台已经成为团队合作开发的灵魂。</p> <p>相信很多小伙伴都接触过 <code>GitHub</code>，世界上最大的代码开源托管平台。每个人都可以把自己的代码发布到 <code>GitHub</code> 上，作为一个代码仓库，随时随地远程管理。还可以搜索和浏览其他人发布的代码仓库，以此实现高效地合作开发，促进项目的完善。</p> <p>为了保证代码的安全保密性，一般在公司或团队内部都会自己搭建一个代码托管平台，比较知名的有 <code>GitLab</code>，可以针对不同的项目为成员分配权限，更好地管理团队的代码。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421045.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>GitLab</p></blockquote> <h4 id="_10-本地代码检查"><a href="#_10-本地代码检查" class="header-anchor">#</a> 10. 本地代码检查</h4> <p>在代码提交之前，首先应该在本地进行代码检查，及时发现一些低级的语法错误，防止被团队的其他同学嘲笑。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421547.jpeg" loading="lazy" class="lazy"></p> <p>大多数集成开发工具自带了代码检查功能，边敲代码边检查，非常爽。</p> <p>此外，我们还可以配置 <code>Git Hooks</code>，在代码提交前自动执行代码检查，<code>npm</code> 项目可以通过 <code>Husky</code> 插件实现，还能配合 <code>ESLint</code> 实现代码自动修复。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421819.png" loading="lazy" class="lazy"></p> <blockquote><p>ESLint</p></blockquote> <h4 id="_11-代码提交规范"><a href="#_11-代码提交规范" class="header-anchor">#</a> 11. 代码提交规范</h4> <p>团队越大，规范就越重要。</p> <p>只有代码编写规范还不够，还要在团队内制定一套代码提交规范，通常是<strong>约定式提交规范</strong>，即让成员在提交代码时填写指定格式的 <code>Commit Message</code>，比如下面的格式：</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>&lt;提交类型&gt;[可选的作用域]: &lt;描述&gt;

[可选的正文]

[可选的脚注]
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><p>指定代码提交规范不仅能够帮助成员快速理解每次提交的改动点，提升代码审查效率；更大的作用是让一些自动化工具理解提交信息以进行一些有意义的工作，比如生成 <code>Change Log</code>（代码改变日志）。</p> <p>可以参考一些大公司的代码提交规范，并通过 <code>commitlint</code> 和 <code>commitizen</code> 等插件实现自动修复不规范代码。</p> <p><img alt="image-20231107142439285" data-src="https://pic.yupi.icu/5563/202311071424493.png" loading="lazy" class="lazy"></p> <blockquote><p>commitlint 代码提交规范检查</p></blockquote> <h4 id="_12-代码审查"><a href="#_12-代码审查" class="header-anchor">#</a> 12. 代码审查</h4> <p>在团队开发中，写代码可不能像自己练习编程时一样肆无忌惮。</p> <p>在合作开发时，可以为每位开发者分配一个分支，在自己的分支编写和提交代码，也可以按照需求来建立分支。确认开发测试完成后，发起一个 MR（Merge Request 合并请求），将小分支的代码合并到公共的主线分支即可。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421926.png" loading="lazy" class="lazy">分支合并</p> <p>主线分支的代码通常是能够直接发布上线、稳定运行的。因此，为了保证项目代码的质量，每次合并代码到主线分支前，必须要进行<strong>代码审查</strong>（CR，即 Code Review），就是让同事或上级阅读和审批你的代码，觉得没有问题后，才能够执行代码合并。</p> <p>通常，代码变更越大、项目越重要，代码审查所需人数越多，越能够发现一些个人无法发现的风险和问题。因此，代码审查是大公司研发流程的关键一环和重要防线。虽然不能直接提升研发效能，但是能有效避免线上事故的发生，减少程序员不必要的工作量和心理压力。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421784.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>代码审查</p></blockquote> <h4 id="_13-ci-cd-流水线"><a href="#_13-ci-cd-流水线" class="header-anchor">#</a> 13. CI/CD 流水线</h4> <p>CI/CD 即持续集成/持续交付。</p> <p>在敏捷开发时代，哪怕是一个小团队，每天也会有几次的代码提交，如果长期不合并，可能就会出现代码冲突。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421216.png" loading="lazy" class="lazy"></p> <blockquote><p>代码冲突</p></blockquote> <p>因此，<strong>持续集成</strong>的意义在于，通过每天定时将各个开发人员的代码合并到同一个代码仓库中，以尽早发现代码冲突和错误，帮助团队更紧密地开发协作。</p> <p>当我们开发完项目，想要发布上线时，要先登录服务器，然后在服务器上拉取代码仓库中的项目代码，然后执行打包命令，最后通过脚本运行项目。</p> <p>如果只需要在一台服务器上部署，其实还不算太麻烦，但是如果要在几十台机器上部署呢？要一台一台地登录服务器然后重复着上述工作么？</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421192.jpeg" loading="lazy" class="lazy"></p> <p>懒人推动世界，这时我们就需要<strong>持续交付</strong>，将构建部署的每个步骤由人工转变为机器自动操作，原理类似编写了一个自动化构建脚本，在代码合并到仓库时触发脚本的执行，在各机器上自动拉取新代码并打包发布。</p> <p>目前主流的 CI/CD 平台是 <code>Jenkins</code> 老爷爷，可以配合代码托管平台 <code>GitLab</code> 等实现完全自动化打包、构建、发布，再也不用开发人员一台台登录机器去执行重复的命令了，不仅大大提升了团队研发效率，还保证了发布流程的规范和安全性。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421885.png" loading="lazy" class="lazy"></p> <blockquote><p>Jenkins 爷爷</p></blockquote> <p>毕竟总有些内鬼程序员借着发布的名义偷偷登录服务器执行 <code>rm -rf *</code>。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421518.jpeg" loading="lazy" class="lazy"></p> <h4 id="_14-监控告警"><a href="#_14-监控告警" class="header-anchor">#</a> 14. 监控告警</h4> <p>为了在第一时间发现线上项目存在的问题，我们通常会在代码中添加告警逻辑，当某段代码执行异常时通过邮件、短信、微信、电话等方式联系项目负责人。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421750.jpeg" loading="lazy" class="lazy"></p> <p>但有时，我们可能会针对某些指标在一段时间内的统计值设置告警。比如当机器内存占用超过 80% 且持续 5 分钟才告警。这些告警逻辑和业务本身关系不大，如果都写死在代码里，不仅耗时，而且难以维护。</p> <p>可以在团队内搭建<strong>监控告警平台</strong>，通过在机器上部署代理或者在代码中使用上报 SDK 等方式来让告警平台统一收集项目运行时的各个指标，比如机器负载、网络负载、异常信息等。</p> <p>监控告警平台提供配置界面，可以灵活地配置告警规则，比如 1 分钟内收集到 2 个报错就发邮件告警、收集到 5 个报错就发短信等。</p> <p>完善的监控告警平台还能够对历史告警信息进行管理和详情查看，以及可视化展示各指标图表等。不仅减少了我们开发时的工作量，也能帮助我们更快地分析和排错。</p> <p>Zabbix 是比较知名的开源监控解决方案，几乎能对任何 IT 基础架构、服务、应用程序和资源进行监控和告警，全面且专业。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422558.png" loading="lazy" class="lazy"></p> <blockquote><p>Zabbix 监控</p></blockquote> <h4 id="_15-日志平台"><a href="#_15-日志平台" class="header-anchor">#</a> 15. 日志平台</h4> <p>通常，已上线的项目出现问题时，我们会通过查看日志文件来定位和排查问题。</p> <p>如果项目比较小，仅仅在单台服务器上部署，那么只需要登录这台服务器，输入命令来查看日志即可。</p> <p>但团队的项目量级较大时，通常会部署到多台机器上，而且每台机器上的日志量都非常大，以人工的方式一台台登录服务器，然后在数以万计的日志中去找到自己想要的关键信息，是非常低效又恶心的！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071421491.png" loading="lazy" class="lazy"></p> <blockquote><p>杂乱的日志</p></blockquote> <p>日志不讲武德，可以搭建一个统一的日志平台来治治它们。将各台机器上分散的日志收集到日志平台，然后通过可视化的界面去集中管理和搜索日志，大大提升了查阅日志的效率和体验。</p> <p>目前比较主流的技术是 <code>Elastic Stack</code>（<code>Elasticsearch</code> + <code>Logstash</code> + <code>Kibana</code> + <code>Filebeat</code>） ，使用它可以搭建一套企业级日志平台，轻松管理上百万甚至是上亿的日志数据。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422745.gif" loading="lazy" class="lazy"></p> <blockquote><p>Kibana 日志可视化</p></blockquote> <h4 id="_16-接口文档平台"><a href="#_16-接口文档平台" class="header-anchor">#</a> 16. 接口文档平台</h4> <p>现在很多的项目都采用前后端分离的方式进行开发，前端同学写界面，后端同学提供接口。如果没有一个规范的接口文档，声明每个接口的协议、请求参数、响应参数等，很容易导致前端请求错误。</p> <p>传统的方式是由后端同学手动编写接口文档，接口改动时，文档也要改动，非常低效且不利维护。</p> <p>其实，我们可以将接口文档平台化，通过 <code>Swagger</code> 等工具自动生成精美的接口文档网站，开发者还可以在网站上直接测试各个请求，告别了手动编写文档的低效繁琐，提升了开发和协作效率。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422293.png" loading="lazy" class="lazy"></p> <blockquote><p>Swagger 接口文档</p></blockquote> <h4 id="_17-接口测试平台"><a href="#_17-接口测试平台" class="header-anchor">#</a> 17. 接口测试平台</h4> <p>测试是对研发质量的保障。</p> <p>我们写完代码后，不仅要在本地测试，还要在测试环境、预发布环境、线上环境都进行测试验证。项目越大，对测试的要求越高，也就越麻烦。</p> <p>通常我们会使用 <code>Curl</code>、<code>Postman</code> 等工具进行接口测试，简单易用。但是有些时候，本地网络（公网）和测试环境（内网）的网络不互通怎么办？</p> <p>可以在团队内部搭建接口测试平台。提供一个 web 界面，无需下载任何软件，就可以轻松地创建各种接口测试，编写各种测试用例，创建测试计划。最棒的是还能切换不同的测试环境，以及多人共享测试等等。大大提高了测试效率和质量。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422056.jpeg" loading="lazy" class="lazy"></p> <h4 id="_18-即时协作"><a href="#_18-即时协作" class="header-anchor">#</a> 18. 即时协作</h4> <p>天下武功，无快不破。为追求更高的协作效率，可以使用一些即时协作工具。</p> <p>比如在协作开发同一个项目时，可以使用开发工具 <code>Vscode</code> 的 <code>VS Live Share</code> 插件，支持多人连线，团队成员可以同时对文件进行编辑，甚至还能看到对方的光标！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422339.png" loading="lazy" class="lazy"></p> <blockquote><p>Live Sharing with VS Code</p></blockquote> <p>在多人编写同一个文档或表格时，可以使用腾讯文档，实时看到其他成员的光标位置和对文档的改动，尤其是在开会时，这个功能将非常有用。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422339.gif" loading="lazy" class="lazy"></p> <blockquote><p>腾讯文档</p></blockquote> <p>使用即时协作平台不仅可以提升效率，还能以最快的速度发现冲突，发现有人正在写烂代码可以直接打字提示他。</p> <h4 id="_19-团队知识库"><a href="#_19-团队知识库" class="header-anchor">#</a> 19. 团队知识库</h4> <p>团队在开发项目的过程中，肯定会产生很多有用的知识，比如技术选型过程、线上事故的分析处理过程、技术文档、产品文档、业务介绍等。这些知识是团队成员共同积累的财富，日后可能要给其他同学阅读学习，因此必须妥善保存。</p> <p>以前的做法是，大家把想共享的文件传到一个公共的网盘中，需要时下载到自己的电脑上。当网盘的文件更新时，还要再重复下载，非常地低效。</p> <p>现在的项目团队，一般都有自己的团队知识库，通常是云端网站的形式，所有的成员可以在知识库中上传想要保存和分享的文档，也可以直接在知识库中编写文档。想要学习知识的同学直接登录知识库网站，搜索文档即可，还能够对优秀的文档进行收藏。</p> <p>团队知识库不仅能够更好地维护和沉淀团队的知识，还能提升大家编写和阅读文档的效率，更好地进行知识协作共享。</p> <p>比较不错的在线团队知识库有阿里语雀、腾讯乐享、Wiki、Confluence 等。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422983.png" loading="lazy" class="lazy"></p> <blockquote><p>语雀知识库</p></blockquote> <h4 id="_20-进程监控"><a href="#_20-进程监控" class="header-anchor">#</a> 20. 进程监控</h4> <p>有时，我们线上运行的项目进程可能因为某些意外而退出，而且没有被任何人及时发现，这可能会对团队造成巨大的损失。</p> <p>为了保证线上项目的高可用，可以开启<strong>进程监控</strong>，当项目进程退出时，自动重启该进程并且向负责人发送告警，一定程度上减少了事故的影响，也省去了手动重启进程的操作。</p> <p>可以自己编写进程监控脚本，也可以使用一些现成的监控程序，比如 <code>Supervisor</code> 和 <code>Monit</code> 等。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422603.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>Monit 监控</p></blockquote> <h4 id="_21-前端监控统计"><a href="#_21-前端监控统计" class="header-anchor">#</a> 21. 前端监控统计</h4> <p>前端监控主要包括对页面的性能监控、错误监控和用户行为监控。对于 C 端项目而言，前端监控非常重要。通过性能监控，可以分析页面性能的不足，优化页面，提升用户体验。通过错误监控，可以在用户进行某些误操作时第一时间通知到项目负责人，并进行相应的处理。通过行为监控，可以获取 UV、PV、IP、点击流等等，从而分析用户的使用习惯，改进产品。</p> <p>如果没有前端监控平台，开发者要自己收集各用户行为指标，且只能通过不断地测试来分析页面性能的不足，会产生很多额外的工作量。</p> <p>有很多现成的前端监控平台，比如百度统计、专注错误监控的 <code>Sentry</code>、腾讯的 <code>Aegis</code> 等，直接申请账号接入即可，省去了自己搭建的麻烦。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422049.png" loading="lazy" class="lazy"></p> <blockquote><p>百度统计</p></blockquote> <h4 id="_22-任务调度平台"><a href="#_22-任务调度平台" class="header-anchor">#</a> 22. 任务调度平台</h4> <p>在日常开发中，少不了执行定时任务，比如每天检测数据是否正常、定时发送邮件、同步数据等。如果把这些任务都写死在代码中去执行，即使用一些定时任务框架，当任务多了，也会变得难以管理。而且无法控制任务的执行状态，还有可能导致一些单次任务的重复执行，造成风险！</p> <p>因此，需要统一的<strong>任务调度平台</strong>来管理任务。可以通过平台界面实时查看各任务的执行情况，还能够灵活地控制任务的启停、执行参数、超时时间等。甚至可以将任务调度到多台机器同时执行。降低风险的同时提升了管理定时任务的效率。</p> <p>有一些优秀的开源任务调度平台如 <code>Elastic Job</code> 和 <code>XXL-JOB</code>，可以直接搭建使用。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422479.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>XXL 任务调度平台</p></blockquote> <h4 id="_23-配置中心"><a href="#_23-配置中心" class="header-anchor">#</a> 23. 配置中心</h4> <p>任何项目都离不开配置，比如数据库连接密码、第三方服务调用地址等。</p> <p>如果把配置都写死在代码中，或者是项目包里的配置文件中，当配置需要修改时，我们就不得不修改项目文件，提交代码，重新打包，再发布上线，非常麻烦。</p> <p>而且有些时候，由于多个项目使用了相同的配置，在改动一行配置时，可能要去修改多个项目，不仅麻烦，而且存在漏改的风险。</p> <p>因此，我们需要一个配置中心来集中管理那些经常变化的、同时被多个项目使用的配置。</p> <p>比较好用的配置中心有携程的 <code>Apollo</code>、阿里的 <code>Nacos</code> 等，可以直接在界面上创建和发布配置，还能对配置进行版本控制，灵活地升级和回退。使用配置中心能够提升配置管理的效率，同时避免重复地改动项目的配置文件。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422490.png" loading="lazy" class="lazy"></p> <blockquote><p>携程 Apollo 配置中心</p></blockquote> <h4 id="_24-链路追踪"><a href="#_24-链路追踪" class="header-anchor">#</a> 24. 链路追踪</h4> <p>假设我们的项目中有一个功能依赖多个第三方接口，该功能的平均执行时间是 50ms。</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>/**
 * 获取用户详情（依赖三个接口）
 */
function getUserDetail() {
  let user = getUserById(); // 得到用户基本信息 10ms 
  user.account = getUserAccount(); // 得到账户信息 20ms
  user.idcard = getUserIdCard(); // 得到用户身份证信息 20ms
  return user;
}
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><p>结果有一天，这个功能执行超过了 10 分钟！那怎么排查出是哪个第三方接口出现了问题呢？</p> <p>当出现复杂的调用关系时，我们可以使用链路追踪系统，通过给每个请求环节绑定唯一 id 并上报时间的方式串联起整条调用链路。在链路追踪系统提供的界面可以轻松地查看整个请求的调用过程，能够帮助我们更快地定位请求中的问题，优化接口的性能。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422797.png" loading="lazy" class="lazy"></p> <blockquote><p>SkyWalking 链路追踪系统</p></blockquote> <h4 id="_25-容器管理平台"><a href="#_25-容器管理平台" class="header-anchor">#</a> 25. 容器管理平台</h4> <p>以前，团队的项目都是直接部署在服务器上，简单粗暴。但是随着时间的推移，项目会越来越大，最终成长为一个巨石应用。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422637.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>滚雪球</p></blockquote> <p>随着云计算、容器、微服务等技术的发展，对于一些大型的巨石项目，我们可以将其拆分为独立的微服务，部署在一个个相互隔离的容器中。容器就像一位少女，轻量、优雅而迅速。</p> <p>一个项目可能需要同时部署多个容器，我们需要对这些容器进行管理和资源的分配。而容器比服务器的粒度更细，数量可能是机器数的几倍，手动去管理他们是很难的。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422396.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>Docker 容器</p></blockquote> <p>因此我们需要容器管理平台，统一管理容器，自动分配资源，并根据容器的资源占用情况进行弹性伸缩，极大地提升运维效率。</p> <p>K8S（Kubernetes）可以说是最知名的容器管理平台了，很多大公司也都提供容器管理平台的云服务，可以直接接入。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422047.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>K8S</p></blockquote> <h4 id="_26-中台"><a href="#_26-中台" class="header-anchor">#</a> 26. 中台</h4> <p>问个问题，如果让你连续开发 5 个电商系统，当你开发第 6 个电商系统的时候，你会怎么做呢？</p> <p>肯定要将前 5 个电商系统中能用上的代码粘贴过来对吧！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422342.jpeg" loading="lazy" class="lazy"></p> <p>如果你意识到重复开发的麻烦，你就知道有一个中台会多香了，说是提升百倍效率一点也不夸张！</p> <p>中台的概念近几年来在国内十分火热，可以简单地理解为<strong>被很多系统共用的中间件的集合</strong>。</p> <p>中台又分为业务中台、技术中台、数据中台、组织中台等。就拿业务中台来说，就是抽象传统的业务场景，把后台的火药等资源整合成前台打仗需要的炮弹，随取随用。</p> <p>回到上述问题，我们是不是可以将前 5 个电商系统中用到的技术和工具，抽象成一个中台呢？</p> <p>中台出现之前，由于团队的分散，我们总是在重复建设一个又一个的轮子。而如今，几乎所有的互联网巨头都在建设自己的中台，比如支付中台、直播中台、电商中台等。如果要开发一个新的系统，我们根本不用从零开始，直接使用中台资源就能很方便地完成，很快啊！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422501.jpeg" loading="lazy" class="lazy"></p> <h4 id="_27-脚本管理"><a href="#_27-脚本管理" class="header-anchor">#</a> 27. 脚本管理</h4> <p>在开发中，我们经常需要编写一些脚本（可以将脚本理解为简单的程序），来帮助我们更快捷地完成某项任务。</p> <p>比如我们要去重启一个进程，需要执行关闭进程、清理文件、启动进程三个步骤，可能要输入很多行命令才能完成。</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>do stop
do clear
do start
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><p>不妨直接将三个步骤的命令塞到一个 shell 脚本文件里，再次重启进程时，只需要一行命令就行了，很快啊！</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>./restart.sh
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><p>但如果我们想在其他的系统上多次使用这个脚本，怎么办呢？是把编写好的脚本放在自己的电脑上，还是直接扔到服务器上呢？</p> <p>更好的方式是使用<strong>脚本管理平台</strong>，团队成员可以将自己编写的各种语言的脚本都发布到该平台上，想在其他系统或服务器中使用该脚本时，直接请求脚本的在线链接，脚本将自动下载、执行和清理。</p> <p>脚本管理平台尤其适合运维同学使用，某种程度上也是通过自动化提升了效率。</p> <h4 id="_28-可视化数据管理"><a href="#_28-可视化数据管理" class="header-anchor">#</a> 28. 可视化数据管理</h4> <p>团队开发肯定离不开数据库，并发量高一点还需要使用缓存、消息队列等中间件。</p> <p>无论是本地开发，还是在测试、线上环境验证，我们都经常需要查看数据库或者缓存里的数据是否正确。最直接了当的方法就是打开小黑框，用官方提供的命令行连接数据库，然后输入查询命令去查看，这也是很多高级工程师现在还在坚持的做法，因为有 B 格。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422847.png" loading="lazy" class="lazy"></p> <p>但是，如果用了分库分表技术，一份完整的数据被分散到多个数据库和数据表中，使用命令行来查看就比较麻烦。因此，我们需要可视化的数据管理平台，比较常用的是本地软件 <code>Navicat</code>、<code>JetBrains DataGrip</code> 等。</p> <p>为了更方便地管理数据，团队内部还可以搭建在线的<strong>可视化数据管理平台</strong>，比如面向 <code>MySQL</code> 数据库的 <code>phpMyAdmin</code>，开发者无需在本地安装任何软件，直接打开网站，输入密码，就能够浏览和操控数据啦！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422549.png" loading="lazy" class="lazy"></p> <blockquote><p>phpMyAdmin 数据库管理</p></blockquote> <h4 id="_29-项目管理"><a href="#_29-项目管理" class="header-anchor">#</a> 29. 项目管理</h4> <p>提到项目管理，大家可能觉得和技术研发同学没什么关系，其实不然。</p> <p>通过项目管理平台，我们能够看到每个需求的优先级和排期，可以合理规划自己的研发安排，掌控进度。有重要的信息，也可以贴到需求详情下，相对正式，能够及时同步到所有需求的参与者，规避一些风险。</p> <p>而如果没有项目管理平台，对需求进度没有一个好的把握，说不定摸鱼就摸过头了。</p> <p>有很多开箱即用的项目管理平台，比如 <code>TAPD</code> 和 <code>Jira</code>。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422396.png" loading="lazy" class="lazy"></p> <h4 id="_30-企业通讯"><a href="#_30-企业通讯" class="header-anchor">#</a> 30. 企业通讯</h4> <p>通讯软件是团队沟通协作、高效办公的灵魂，比如腾讯的企业微信、阿里的钉钉、字节跳动的飞书。</p> <p>这些企业通讯软件早就不只是支持团队即时沟通的工具了，而是大而全的<strong>企业办公门户</strong>。</p> <p>像腾讯的企业微信，集成了文档、待办、会议、通讯录、工作台、云盘、电话等办公必备的工具，成员可以通过软件快速地找到并使用这些功能，大大提高了办公效率。还可以在通讯软件中设置机器人，实现业务的自动告警。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311071422408.png" loading="lazy" class="lazy"></p> <hr> <p>以上就是鱼皮分享给大家的锦囊啦。</p> <p>其实，大厂中还有很多提升研发效能的技术，比如流量回放、压测平台、试验系统、故障演练系统等，这里就不一一介绍了。</p> <p>此外，每个团队负责的业务不同、情况不同，也都会有提升自己研发效能的独门秘技，要根据实际的场景去选用技术，否则可能适得其反。</p> <p>希望大家能利用好现有的技术、发掘新的技术，不断提升研发效能，感受技术带来的美好。</p></div> <footer class="page-edit" style="margin:0;"><div class="edit-link"><a href="https://github.com/liyupi/codefather/edit/master/编程分享/技术分享/技术实践/大厂机密！30 个提升团队研发效能的锦囊.md" target="_blank" rel="noopener noreferrer">完善页面</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">最近更新:</span> <span class="time">11/11/2023, 8:17:47 PM</span></div></footer> <!----></div> <div class="toc-container-sidebar"><div class="pos-box"><div class="icon-arrow"></div> <div class="scroll-box" style="max-height:86vh"><div style="font-weight:bold;">大厂机密！30 个提升团队研发效能的锦囊</div> <hr> <div class="toc-box"><!----></div></div></div></div></div>  <main class="footer"> <div class="copy-right"><span class="name"> 编程导航   |     </span> <a target="_blank" rel="noreferrer">
          
        </a></div></main></main> <aside class="page-sidebar"> <div class="page-side-toolbar"></div>  </aside></div><div class="global-ui"><!----></div></div>
    <script src="/assets/js/app.12ab4756.js" defer></script><script src="/assets/js/2.fd06b53e.js" defer></script><script src="/assets/js/262.d0719839.js" defer></script>
  </body>
</html>
